import Vue from "vue";
import Router from "vue-router";

// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading

Vue.use(Router);

/* Layout */
import Layout from "../views/layout/Layout";

/**
* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
*                                if not set alwaysShow, only more than one route under the children
*                                it will becomes nested mode, otherwise not show the root menu
* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
* name:'router-name'             the name is used by <keep-alive> (must set!!!)
* meta : {
    title: 'title'               the name show in submenu and breadcrumb (recommend set)
    icon: 'svg-name'             the icon show in the sidebar,
  }
**/
export const constantRouterMap = [{
        path: "/login",
        component: () =>
            import ("@/views/login/index"),
        hidden: true
    },
    {
        path: "/404",
        component: () =>
            import ("@/views/404"),
        hidden: true
    },

    {
        path: "/",
        component: Layout,
        redirect: "/dashboard",
        name: "Dashboard",
        hidden: true,
        children: [{
            path: "dashboard",
            component: () =>
                import ("@/views/dashboard/index")
        }]
    },

    {
        path: "/teacher",
        component: Layout,
        redirect: "/teacher/list",
        name: "Teacher",
        meta: { title: "讲师管理", icon: "peoples" },
        children: [{
                path: "list",
                name: "TeacherList",
                component: () =>
                    import ("@/views/teacher/list"),
                meta: { title: "讲师列表" }
            },
            {
                path: "create",
                name: "TeacherCreate",
                component: () =>
                    import ("@/views/teacher/from"),
                meta: { title: "添加讲师" }
            },
            {
                path: "edit/:id", //动态路由  params传参
                name: "TeacherEdit",
                component: () =>
                    import ("@/views/teacher/from"),
                meta: { title: "编辑讲师" },
                hidden: true
            }
        ]
    },

    {
        path: "/subject",
        component: Layout,
        redirect: "/subject/list",
        name: "subject",
        meta: { title: "课程分类管理", icon: "nested" },
        children: [{
                path: "list",
                name: "SubjectLIst",
                component: () =>
                    import ("@/views/subject/list"),
                meta: { title: "课程分类列表" }
            },
            {
                path: "import",
                name: "SubjectImport",
                component: () =>
                    import ("@/views/subject/import"),
                meta: { title: "导入课程分类" }
            }
        ]
    },

    {
        path: "/course",
        component: Layout,
        redirect: "/course/list",
        name: "Course",
        meta: {
            title: "课程管理",
            icon: "nested"
        },
        children: [{
                path: "list",
                component: () =>
                    import ("@/views/course/list"),
                name: "CourseList",
                meta: { title: "课程列表" }
            },
            {
                path: "info",
                component: () =>
                    import ("@/views/course/info"),
                name: "CourseInfo",
                meta: { title: "发布课程" }
            },
            {
                path: "chapter/:id",
                component: () =>
                    import ("@/views/course/chapter"),
                name: "CouresChapter",
                meta: { title: "创建课程大纲" },
                hidden: true
            },
            {
                path: "info/:id",
                component: () =>
                    import ("@/views/course/info"),
                name: "CourseInfoEdit",
                meta: { title: "编辑课程" },
                hidden: true
            },
            {
                path: "publish/:id",
                component: () =>
                    import ("@/views/course/publish"),
                name: "CourseInfoPublish",
                meta: { title: "发布课程" },
                hidden: true
            }
        ]
    },

    {
        path: "external-link",
        component: Layout,
        children: [{
            path: "https://panjiachen.github.io/vue-element-admin-site/#/",
            meta: { title: "External Link", icon: "link" }
        }]
    },

    { path: "*", redirect: "/404", hidden: true }
];

export default new Router({
    // mode: 'history', //后端支持可开
    scrollBehavior: () => ({ y: 0 }),
    routes: constantRouterMap
});